<template>
    <div class="question-list-block">
        <div class="content-block">
            <i>Q:</i>
            <span>{{ item.content }}</span>
        </div>
        <div class="time-block">{{ createTime }}</div>
    </div>
</template>

<script>
import { formatData } from '@/utils/format';
export default {
    name:"questionList",
    props:['item'],
    computed:{
        createTime(){
            return formatData(this.item.createTime)
        }
    },
}
</script>

<style lang="scss" scoped>
    .question-list-block{
        display: flex;
        padding: 20px 0;
        justify-content: space-between;
        border-bottom:1px solid rgba(217,219,221,1);

        .content-block{
            height: 50px;
            line-height: 50px;
            font-size:14px;
            font-weight:500;
            color:rgba(51,51,51,1);
            i{
                font-size:14px;
                color:rgba(34,172,56,1);
            }
        }
        .time-block{
            font-size:12px;
            font-weight:400;
            color:rgba(153,153,153,1);
        }
    }
</style>